<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>登陆</title>
	<style>
		#form-wrap {
			width: 30%;
			margin: 20px auto;
		}

		button,
		input,
		select {
			padding: 10px 20px;
			width: 100%;
			box-sizing: border-box;
			border: 1px solid #ccc;
		}

		.input-wrap {
			margin-bottom: 20px;
		}

		.input-wrap:after {
			content: ' ';
			clear: both;
			display: block;
		}

		.left {
			padding-top: 10px;
			float: left;
			width: 40%;
			text-align: right;
		}

		.right {
			float: left;
			width: 60%;
		}

		.own_alert_div {
			display: none;
		}
	</style>
</head>

<body>
	<div id="form-wrap">
		<div class="input-wrap">
			<div class="left">姓名：</div>
			<div class="right">
				<input type="text" name="xm" value="wer">
			</div>
		</div>
		<div class="input-wrap">
			<div class="left">身份证号码：</div>
			<div class="right">
				<!-- <input type="text" name="sfzhm" value="110100199206020034"> -->
				<input type="text" name="sfzhm" value="220284199406181113">
			</div>
		</div>
		<button id="btnLogin">登陆</button>
	</div>
	<script src="./common/vendor.js"></script>
	<script src="./common/common.js"></script>
	<script>
		$(function () {
			$(document).on('click', '#btnLogin', function () {
				var xm = $('input[name="xm"]').val();
				var sfzhm = $('input[name="sfzhm"]').val();
				$.fetch({
					url: '/smzdj/cslogin',
					type: 'post',
					data: {
						xm: xm,
						sfzhm: sfzhm
					}
				}).done(function (res) {
					var data = res.returnData;
					if(data.executeResult == 1){
						window.location.href="./index.html";
					}
				})
			})

		});
	</script>


</body>

</html>
